﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Activate.aspx.cs" Inherits="PaydSystem.UI.Member.Ativate" %>

<!DOCTYPE html>

<html lang="en"  >
<head runat="server">
    <title></title>
    <style>
        .form-group
        {
            margin-top:25px !important;
        }
        .label-left
        {
            text-align:left !important;
            margin-top:5px !important;
        }
        .label-right
        {
            text-align:right;
            margin-top:5px;
        }
        .loading_label
        {
            width:100% !important;
            font-style:italic !important;
            display: block !important;   
        }
        
        #birthDate {
          background-color:White !important;
        }
        .ng-datepicker-input
        {
            
            display: block !important;
            width: 100% !important;
            height: 34px !important;
            padding: 6px 12px !important;
            font-size: 14px !important;
            line-height: 1.42857143 !important;
            color: #555 !important;
            background-color: #fff !important;
            background-image: none !important;
            border: 1px solid #ccc !important;
            border-radius: 4px !important;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
            -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
            margin-top:25px !important ;
        }
        .form-control-loading {
            margin-top:25px !important ;
            font-style:italic !important;
            display: block !important;
            width: 100% !important;
            height: 34px !important;
            padding: 6px 12px !important;
            font-size: 13px !important;
            line-height: 1.42857143 !important;
            /*color: #555;
            background-color: #fff;
            background-image: none;
            border: 0px solid #ccc;
            border-radius: 4px;*/
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
            -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15 !importants;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
        }
            ul[datepicker-popup-wrap] > li > .btn-group > button.btn-default {
            display: none !important;
          }
    </style>
</head>
<body>
    <div style="width:100%;height:35px">
    <img src="../../Images/PaydImages/head_register.png" style="width:100%;" />
</div>
<br />
<br />

<div class="container" ng-init="init();">
    <div style="width:100%;height:50px">
        <img src="../../Images/PaydImages/register_title.png" style="width:75%;" />
    </div>
    <br />
    <br />
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <input type="hidden" ng-model="memberId">
            <div class="panel box-shadow" style="border-color:#D3D3D3;border-width:1px;" >
                <div class="panel-heading" style="background-color:#D3D3D3">
                    <hgroup>
                        <h3 class="panel-title">ข้อมูลส่วนตัว</h3>
                    </hgroup>
                </div>
                
                <div> 
                        <div class="row">
                            <div class="panel-body form-horizontal" role="form" >
                                 
                                <div class="form-group" >
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
                                        <div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 label-left" >
                                                เลขที่บัตรประชาชน<span class="red_alert">*</span>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 form-inline"   >
                                                <input type="text" class="form-control" style="width:85%" ng-model="idCard" name="idCard" readonly />
                                                        
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group" >
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-left">
                                            ชื่อ
                                        </div>
                                        
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            
                                            <input type="text" class="form-control" name="title" ng-model="title" readonly  />        
                                        </div>
                                        
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                                                <input type="text" class="form-control" name="name" ng-model="name" readonly />        
                                        </div>
                                        
                                    </div>
                                </div>
                               
                                <div class="form-group" >
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">    
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-left">
                                            ที่อยู่
                                        </div>
                                        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"  >
                                            <textarea class="form-control" rows="5" id="address" ng-model="address" readonly ></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group" >
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-left">
                                            รหัสไปรษณีย์
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"  >
                                            <input type="text" class="form-control" ng-model="zipCode" name="zipCode" readonly />
                                        </div>
                                    </div>
                                </div>          
                                <div>
                                    <br />
                                </div>
                                
                                <div class="form-group" >
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-left">
                                            เบอร์โทรศัพท์มือถือ<span class="red_alert">*</span>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" >
                                            <input type="text" class="form-control" ng-model="mobile" name="mobile" readonly  />
                                            
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-right" >
                                            อีเมล์หลัก
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"   >
                                            <input type="text" class="form-control" ng-model="emailPrimary" name="emailPrimary" readonly />
                                           
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-right" >
                                            อีเมล์สำรอง
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"   >
                                            <input type="text" class="form-control" ng-model="emailSecondary" name="emailSecondary" readonly  />
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                    
                                <div class="form-group" >
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5" >
                                        &nbsp;
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" >
                                        
                                        <button type="button"  class="btn btn-primary btn-block" ng-click="activateAction();">Activate</button>
                                        
                                        </div>
                                            
                                        
                                    </div>
                                </div>
                                     
                                
                            
                        </div>
                        
                        </div>

                </div>
            </div>
        </div>
        
    </div>
</div>
</body>
</html>
